<template>
  <!-- 布局系统 -->
  <NuxtLayout>
    <!-- 类似router-view -->
    <NuxtPage />
  </NuxtLayout>
</template>
<style>
/* 页面过渡效果 */
.page-enter-active,
.page-leave-active {
  transition: all 0.4s;
}

.page-enter-from,
.page-leave-to {
  opacity: 0;
  filter: blur(1rem);
}

/* 布局过渡效果 */
.layout-enter-active,
.layout-leave-active {
  transition: all 0.4s;
}

.layout-enter-from,
.layout-leave-to {
  filter: grayscale(1);
}
</style>